<template>
    <div>
        <!-- 搜索吸顶 -->
        <van-sticky>
            <van-search v-model="value" shape="round" background="#fee" placeholder="请输入搜索关键词" />
        </van-sticky>
        <!-- 宫格 -->
        <van-grid :column-num="5">
            <van-grid-item v-for="value in 10" :key="value" icon="photo-o" text="文字" />
        </van-grid>
        <!-- 首页卡片 -->
        <div class="homecard">
            <HomeCard v-for="item in cardList" :img="item.img" :title="item.title" />
        </div>
    </div>
</template>

<script setup>
import { ref } from "vue";
import HomeCard from "../../components/HomeCard.vue";
const cardList=([
    {
        img:"https://img0.baidu.com/it/u=2191392668,814349101&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1734454800&t=21d790237aca0c55807d3b0e28132866",
        title:"额发问个任何人哈",
    },
    {
        img:"https://img1.baidu.com/it/u=2522095353,344531116&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1734454800&t=837eb27a8721f632c2cf7aab6cea26fe",
        title:"个人股哈儿合同哈",
    },
    {
        img:"https://img1.baidu.com/it/u=787132584,3819075437&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1734454800&t=9e05b44d49c2ed6750bda831bc2a0c69",
        title:"噶尔核糖核酸特然",
    },
    {
        img:"https://img1.baidu.com/it/u=3001150338,397170470&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1734454800&t=bc060e2fc5daec9ddc1e4ffbc9edbf80",
        title:"阿尔好突然还挺好",
    },
])
</script>

<style lang="scss" scoped>
.homecard {
    display: flex;
    flex-wrap: wrap;
}

.homecard>div {
    width: 45%;
}
</style>